<!DOCTYPE html>
<html>
	<title>courseList Generator</title>
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
	<!--
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
	-->
	<script type="text/javascript" src="cljs.js"></script>
	<style type="text/css">
		
		.sortable
		{ 
			list-style-type: none; 
			margin: 0; padding: 0; float: left;
			margin-right: 10px; background: #eee; 
			padding: 5px; width: 143px;
		}
		.sortable1 li
		{
			 margin: 5px; padding: 5px;
			 font-size: 1.8em; width: 120px; 
		}
		.console
		{
			height:750px;
		}
		#columns
		{
			height:700px;
		}
		#scrollpane
		{
			background: transparent;
			padding: 0px;
			overflow: auto;
			overflow-x:hidden;
			width: 100px;
			height: 480px;
		}
		#subscrollpane
		{
			background: transparent;
			padding: 0px;
			overflow: auto;
			overflow-x:hidden;
			width:220px;
			height:480px;
		}
		.scroll-item
		{
			font: 1.4em "Lucida Console";
			padding: 0px;
			width: 95px;
			height: 30px;
		}
		#timetable
		{
			overflow:auto;
			padding: 0px 0px;
			width:840px;
			background: transparent;
		}
		#reallytable
		{
			font: 0.8em "Calisto MT";
			overflow: auto;
		}
		#reallytable td
		{
			padding: 2px;
			color: #ffffff;
		}
		#selectList
		{
			position:absolute;
			background: transparent;
			overflow-x:hidden;
			overflow-y:auto;
			width: 320px;
			height: 180px;
		}
		.dump
		{
			font:"Palace Script MT"
		}
		
	</style>
	<body>
		<div id="msg"> </div>
		<div id="diamsg"> </div>
		<div class="console" id="tabs" >
			<ul>
				<li><a href="#tabs-1"> TimeTables </a></li>
				<li><a href="#tabs-2"> CoursesHistory </a></li>
				<li><a href="#tabs-0"> About </a></li>
			</ul>
			<div id="tabs-1">
				<div id="columns">
					<div id="scrollpane">
					</div>
					<div id="subscrollpane">
					</div>
					<div id = "selectList">
					</div>
					<div id="timetable">
						<table id="reallytable" style="padding:10px 0px;">
							<tr id="addSatCol">
								<th width="100px"> </th>
								<th width="120px">Monday</th>
								<th width="120px">Tuesday</th>
								<th width="120px">Wednesday</th>
								<th width="120px">Thursday</th>
								<th width="120px">Friday</th>
								<th width="120px">Saturday</th>
							</tr>
							<tr id="time-0">
								<td>08:30 - 08:50</td>
								<td>	</td>
								<td>	</td>
								<td>	</td>
								<td>	</td>
								<td>	</td>
							</tr>
							
						</table>
					</div>
				</div>
			</div>
			<div id="tabs-2">
				<textarea id="coursearea" rows="10" cols="50"> </textarea>
				<p id="thep"> </p>
				<input id="courseinput" type="file"/>
				<p>	</p>
				<div id="courselist">
				</div>
			</div>
			<div id="tabs-0">
				We work in darkness, to serve the light
			</div>
		</div>
		<div id="testp">
			
		</div>
	</body>
</html>

